.index-focus {
    width: 960px;
    margin: 0 auto 20px
}

.flash {
    width: 716px
}

.flash .scrollable {
    width: 716px;
    height: 270px;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.flash .scrollable .items {
    width: 20000em;
    position: absolute;
    z-index: 1
}

.flash .scrollable .items .item {
    width: 716px;
    height: 270px;
    position: relative;
    float: left
}

.flash .scrollable .items .item .itemText {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 45px;
    z-index: 10;
    color: #333
}

.flash .scrollable .items .item .itemText a {
    cursor: pointer
}

.flash .scrollable .items .item .itemText a:hover {
    text-decoration: none
}

.flash .scrollable .items .item .itemText h3 {
    font-weight: normal
}

.flash .scrollable .items .item .itemText h3 a {
    display: block;
    line-height: 1.6;
    font-size: 30px
}

.flash .scrollable .items .item .itemText .topic-creater {
    margin: 10px 0;
    font-size: 14px;
    display: block
}

.flash .scrollable .items .item .itemText .topic-creater a {
    color: #333
}

.flash .scrollable .items .item .itemText .topic-creater a:hover em {
    text-decoration: underline
}

.flash .scrollable .items .item .itemText .topic-creater a em {
    margin-top: -4px
}

.flash .scrollable .items .item .itemText .byOne {
    font-size: 12px;
    width: 500px;
    line-height: 2.2;
    display: block;
    color: #666
}

.flash .scrollable .items .item .itmeGuang {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    text-align: center;
    bottom: 20px;
    left: 47px;
    width: 86px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    background-image: url(../images/ui/toguang.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.flash .scrollable .items .item .itmeGuang:hover {
    background-position: 0 -30px;
    text-decoration: none
}

.flash .scrollable .items .item .itmeGuang:active {
    background-position: 0 -60px;
    text-decoration: none
}

.flash .scrollable .items .item a {
    cursor: pointer;
    color: #333
}

.flash .scrollable .items .item a.topic-bg {
    width: 716px;
    height: 270px;
    text-decoration: none;
    display: block;
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1px
}

.flash .scrollable .items .guang_intro .followGuang {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 66px;
    width: 100%
}

.flash .scrollable .items .guang_intro .followGuang a.navi-banner {
    position: absolute;
    z-index: 2;
    text-indent: -1000em;
    top: 0;
    width: 120px;
    height: 63px;
    background: url(../images/ui/street-point.png) no-repeat -88px 0
}

.flash .scrollable .items .guang_intro .followGuang a.navi-banner:hover {
    border-bottom: 3px solid #fff;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.flash .scrollable .items .guang_intro .followGuang div {
    padding: 10px 10px 0 0;
    text-align: right;
    line-height: 24px;
    color: #fff;
    font-size: 14px
}

.flash .scrollable .items .guang_intro .followGuang div a {
    color: #fff
}

.flash .scrollable .items .guang_intro .followGuang div a:hover {
    text-decoration: underline
}

.flash .scrollable .items .a-mask {
    width: 560px;
    height: 270px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ui/mask2.png);
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "images/ui/mask2.png", sizingMethod = "crop");
    z-index: 1
}

.flash .navi {
    background-color: #fff
}

.flash .navi {
    overflow: hidden
}

.flash .navi li {
    position: relative;
    width: 130px;
    float: left;
    display: inline;
    margin: 0 6px;
    padding-top: 10px;
    padding-bottom: 12px
}

.flash .navi li.first {
    margin-left: 9px
}

.flash .navi li .thumb {
    height: 45px;
    overflow: hidden;
    cursor: pointer
}

.flash .navi li .topicTitle {
    cursor: pointer;
    line-height: 18px;
    height: 18px;
    margin-top: 5px;
    margin-left: 5px;
    font-weight: normal;
    color: #666;
    _width: 125px
}

.flash .navi li .juqing em {
    float: left;
    padding-right: 30px;
    background: url(../images/ui/juqing.png) no-repeat right center;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width: 90px;
    white-space: nowrap;
    word-wrap: normal;
    word-break: normal;
    overflow: hidden
}

.flash .navi li a {
    text-decoration: none
}

.flash .navi li .byOne {
    line-height: 18px;
    height: 18px;
    margin-left: 5px;
    color: #aaa
}

.flash .navi li .byOne a {
    color: #aaa
}

.flash .navi li .byOne a:hover {
    color: #aaa;
    text-decoration: underline
}

.flash .navi li span {
    position: absolute;
    top: 8px;
    width: 130px;
    height: 2px;
    overflow: hidden;
    background: url(../images/ui/navi-bg.png) no-repeat 0 -7px
}

.flash .navi li.active span {
    background-position: 0 0
}

.event {
    width: 960px;
    margin: 0 auto 20px
}

.event ul {
    position: relative;
    height: 246px
}

.event ul li {
    width: 235px;
    height: 120px;
    position: absolute
}

.event ul li a:hover {
    opacity: .9;
    filter: alpha(opacity:90)
}

.bulletin {
    width: 210px;
    height: 340px;
    background-color: #fff;
    padding: 10px;
    position: relative
}

.bulletin h3 {
    color: #e26;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 4px
}

.bulletin ul li {
    line-height: 37px;
    border-top: 1px dotted #ddd;
    max-width: 208px;
    *width: 208px
}

.bulletin ul li a {
    color: #333;
    font-size: 12px;
    line-height: 37px
}

.bulletin ul li a img {
    margin-top: 8px;
    margin-right: 5px;
    *margin-top: 0;
    _margin-top: 8px;
    _float: left
}

.bulletin ul li a em {
    _float: left;
    _width: 160px;
    _overflow: hidden
}

.bulletin .hot {
    position: absolute;
    bottom: 10px;
    width: 210px;
    height: 70px;
    overflow: hidden;
    display: block
}

.latestLike {
    width: 940px;
    margin: 0 auto 15px auto;
    background: #fff;
    padding: 10px 10px 15px 10px
}

.latestLike h2 {
    font-size: 16px;
    height: 28px;
    line-height: 28px
}

.latestLike h2 .more {
    padding-top: 10px;
    line-height: 12px;
    float: right;
    font-size: 12px;
    font-weight: normal
}

.latestLike .bd {
    height: 215px;
    overflow: hidden;
    width: 940px;
    padding-top: 10px;
    position: relative
}

.latestLike .bd p {
    line-height: 40px
}

.latestLike .hd .more {
    float: right;
    margin-top: -24px
}

.latestLike .hd .more a {
    display: none
}

.latestLike .hd .more a.on {
    display: block
}

.latestLike .luckyMask {
    height: 182px;
    width: 30px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 99;
    background: url(../images/ui/luckyMask.png) no-repeat 0 0;
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../../images/ui/luckyMask.png', sizingMethod = 'crop')
}

.latestLike ul {
    width: 1300px;
    height: 184px;
    overflow: hidden
}

.latestLike ul li {
    width: 120px;
    padding: 6px;
    float: left;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #f1f1f1
}

.latestLike ul li:hover {
    border: 1px solid #ddd
}

.latestLike ul li .luckyBaobei {
    height: 130px;
    width: 120px;
    overflow: hidden
}

.latestLike ul li .user {
    height: 30px;
    padding-top: 10px;
    padding-left: 38px;
    padding-top: 8px;
    position: relative
}

.latestLike ul li .user img {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 8px
}

.latestLike ul li .name {
    height: 14px;
    width: 82px;
    line-height: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    color: #5AD
}

.latestLike ul li .name em.ofh {
    max-width: 65px;
    padding-bottom: 1px
}

.latestLike ul li .baobeiNum, .latestLike ul li .user-daren {
    height: 12px;
    line-height: 12px;
    padding-top: 5px;
    display: block;
    color: #999
}

.latestLike .vline5 {
    margin-top: 2px;
    font-size: 16px
}

.tab-nav a {
    color: #666;
    padding: 4px 5px 10px 5px
}

.tab-nav a.on {
    _padding: 4px 5px 9px 5px
}

.tab-nav a.on {
    color: #333
}

.tab-nav .i-daren, .tab-nav .i-like {
    display: block;
    float: left;
    margin: 2px 4px 0 0
}

.tab-nav .i-daren {
    background-position: -25px -9px
}

.tab-nav .on .i-daren {
    background-position: -6px -9px
}

.tab-nav .i-like {
    background-position: -2px -105px
}

.tab-nav .on .i-like {
    background-position: -2px -2px
}

.gallery-pop {
    display: none;
    background-color: #fff;
    width: 960px;
    margin: 0 auto 25px auto;
    padding-bottom: 15px
}

.gallery-pop a {
    cursor: pointer
}

.gallery-pop .item {
    float: left;
    width: 210px;
    border-right: 1px dotted #ddd;
    padding: 6px 14px 0 14px;
    height: 225px;
    overflow: hidden
}

.gallery-pop .first {
    padding-left: 16px
}

.gallery-pop .last {
    border-right: 0
}

.gallery-pop .item .title {
    padding: 2px 0;
    height: 30px
}

.gallery-pop .item .title h3 {
    font-size: 16px;
    line-height: 30px
}

.gallery-pop .item .title h3 a {
    color: #333
}

.gallery-pop .item .title a.gallery-count {
    float: right;
    margin-top: -20px;
    color: #999
}

.gallery-pop .item ul li {
    float: left;
    position: relative
}

.gallery-pop .item ul li a {
    display: block
}

.gallery-pop .item ul li a:hover {
    text-decoration: none
}

.gallery-pop .item ul li p {
    width: 100%;
    overflow: hidden
}

.gallery-pop .item ul li p.img-box {
    overflow: hidden;
    text-align: center
}

.gallery-pop .item ul li p.img-box img {
    height: 100%
}

.gallery-pop .item ul li p.tag, .gallery-pop .item ul li p.tag i {
    width: 100%;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.gallery-pop .item ul li p.tag {
    z-index: 0
}

.gallery-pop .item ul li p.tag span {
    color: #fff;
    padding-left: 5px
}

.gallery-pop .item ul li p.tag i {
    height: 100%;
    display: block;
    background-color: #000;
    filter: alpha(opacity = 50);
    -moz-opacity: .5;
    opacity: .5;
    z-index: -1
}

.gallery-pop .item ul li.big {
    width: 140px;
    height: 186px;
    margin-right: 5px
}

.gallery-pop .item ul li.mid, .gallery-pop .item ul li.small {
    margin-bottom: 10px;
    width: 65px
}

.gallery-pop .item ul li.mid {
    height: 90px
}

.gallery-pop .item ul li.small {
    height: 22px
}

.gallery-pop .item ul li.big p.img-box {
    height: 186px
}

.gallery-pop .item ul li.mid p.img-box {
    height: 90px
}

.gallery-pop .item ul li.small p.img-box {
    display: none
}

.gallery-pop .item ul li.small p.tag {
    height: 22px;
    line-height: 22px
}

.gallery-pop .item ul li.small p.tag span {
    color: #333
}

.gallery-pop .item ul li.small p.tag i {
    background-color: #f3f3f3;
    opacity: 1
}

.category {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 20px;
    background: url(../images/ui/dotted.gif) repeat-x top
}

.category .category-head {
    height: 26px;
    padding-bottom: 10px
}

.category .category-head .more {
    float: right;
    padding-top: 7px;
    line-height: 12px;
    color: #999
}

.category .category-head .more a {
    margin: 0 2px
}

.category .category-head h3 {
    float: left;
    line-height: 30px;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    color: #333
}

.category .category-head .category-links {
    float: left;
    padding: 2px 0 0 10px;
    width: 700px;
    height: 20px;
    overflow: hidden
}

.category .category-head .category-links li {
    float: left;
    line-height: 22px
}

.category .category-links a {
    color: #999;
    font-size: 12px;
    white-space: nowrap
}

.category .category-links span {
    padding: 0 5px;
    color: #999;
    font-size: 14px
}

.nineGrid {
    width: 204px;
    margin-right: 13px;
    padding: 15px 13px;
    color: #999;
    background-color: white;
    float: left
}

.lastNineGrid {
    margin-right: 0
}

.nineGrid h4 {
    line-height: 16px;
    height: 16px;
    font-size: 16px
}

.nineGrid h4 a {
    color: #666
}

.nineGrid h4 a:hover {
    color: #5AD;
    text-decoration: none
}

.nineGrid .bd {
    margin-top: 13px
}

.nineGrid .bd img {
    width: 62px;
    height: 62px;
    border: 1px solid #dedede;
    float: left;
    margin: 0 2px 4px 2px
}

.nineGrid .ft {
    padding-top: 10px
}

.justGuang {
    width: 920px;
    margin: 0 auto;
    background: #fff;
    padding: 16px 20px;
    height: 60px
}

.justGuang fieldset .login {
    float: right;
    margin: 15px 117px 14px 0;
    _margin: 15px 50px 14px 0;
    height: 22px;
    line-height: 22px
}

.justGuang h3 {
    color: #666;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block
}

.justGuang .thirdLogin {
    position: absolute;
    left: 279px;
    top: 50px
}

.justGuang .thirdLogin a {
    float: left;
    margin-left: 20px;
    display: inline
}

.l-sina, .l-qq, .l-tao {
    width: 120px;
    height: 24px;
    line-height: 999px;
    overflow: hidden
}

.justGuang a.l-qq {
    margin-left: 0
}

.justGuang .out-login .l-qq, .form .out-login .l-sina {
    margin-left: 10px
}

.l-sina {
    background: url(../images/ui/l-sina.png)
}

.l-qq {
    background: url(../images/ui/l-qq.png)
}

.l-tao {
    background: url(../images/ui/l-tao.png)
}

.justGuang .guangNews {
    float: right;
    width: 335px;
    padding-left: 25px;
    border-left: 1px dotted #dedede
}

.justGuang .guangNews dt {
    font-weight: bold;
    line-heihgt: 25px;
    height: 25px;
    color: #666
}

.justGuang .guangNews dd {
    line-heihgt: 25px;
    height: 25px;
    color: #999
}

#J_welcome .welcome {
    height: 40px;
    margin: 10px 0
}

#J_welcome .welcome img {
    position: absolute;
    left: 0;
    top: 0
}

#J_welcome .welcome .welcomeText {
    display: block;
    padding-top: 4px;
    font-size: 16px;
    font-weight: bold
}

#J_welcome .welcome .toGuang {
    padding-top: 9px;
    display: block;
    color: #999
}

#J_welcome .welcome a.xihuan, #J_welcome .welcome a.zhuti, #J_welcome .welcome a.pingpai, #J_welcome .welcome a.fenxiang, #J_welcome .welcome a.home {
    height: 40px;
    background-image: url(../images/ui/part.png);
    background-repeat: no-repeat;
    float: left;
    border-right: 1px dotted #dedede;
    width: 183px;
    display: block
}

#J_welcome .welcome a.xihuan {
    background-position: 28px 0
}

#J_welcome .welcome a.zhuti {
    background-position: 34px -45px
}

#J_welcome .welcome a.pingpai {
    background-position: 23px -88px
}

#J_welcome .welcome a.fenxiang {
    background-position: 18px -135px
}

#J_welcome .welcome a.home {
    background-position: 30px -177px;
    border-right: 0
}

.gallery-main {
    float: left;
    width: 730px
}

.gallery-sidebar {
    float: right
}

.brands {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 6px;
    background: url(../images/ui/dotted.gif) repeat-x top
}

.brands .brand-list li {
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.brands .brand-list li.last-item {
    margin-right: 0
}

.brands .brand-list li a {
    display: block;
    height: 250px;
    overflow: hidden;
    margin: 2px;
    position: relative
}

.brands .brand-list li a.small {
    width: 180px
}

.brands .brand-list li a:hover {
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity = 90)
}

.brands .hd {
    padding-bottom: 10px
}

.brands h3 {
    font-size: 16px;
    height: 26px;
    line-height: 26px
}

.brands h3 a {
    color: #333
}

.brands h3 a:hover {
    color: #5AD;
    text-decoration: none
}

.brands h3 .more {
    padding-top: 10px;
    line-height: 12px;
    float: right;
    font-size: 12px;
    font-weight: normal
}

.brands h3 .more a {
    color: #5ad
}

.banner-b {
    width: 960px;
    height: 90px;
    margin: 10px auto 0
}

.banner-c {
    width: 960px;
    height: 45px;
    margin: 0 auto;
    padding-bottom: 10px;
    background: url(../img/event/event3/960_45.gif) no-repeat 0 0
}

.banner-c a {
    display: block;
    float: left;
    height: 45px
}

.logo_xihuo {
    width: 100px;
    height: 83px;
    float: left;
    display: block
}

.topic-item {
    float: left;
    *display: inline;
    width: 210px;
    height: auto;
    margin: 0 13px 13px 0;
    padding: 10px 10px 13px 10px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    overflow: hidden
}

.topic-item .pic {
    display: block;
    width: 210px;
    height: 140px;
    overflow: hidden
}

.topic-item a.pic:hover {
    text-decoration: none
}

.topic-item .pic .s-img, .topic-item .pic .b-img, .topic-item .pic .f-img {
    background: url(../images/ui/bg-photo.png)
}

.topic-item .pic .f-img {
    width: 210px;
    height: 140px;
    display: block
}

.topic-item .pic .f-img img {
    max-width: 210px;
    _width: 210px
}

.topic-item .pic .b-img {
    width: 140px;
    height: 140px;
    float: left;
    overflow: hidden;
    text-align: center
}

.topic-item .pic .b-img img {
    max-width: 140px;
    _width: 140px
}

.topic-item .pic .s-img {
    width: 68px;
    height: 69px;
    float: left;
    margin: 0 0 2px 2px;
    overflow: hidden;
    text-align: center
}

.topic-item .pic .s-img img {
    max-width: 68px;
    _width: 68px
}

.topic-item h3 {
    padding: 7px 0 5px;
    font-size: 14px;
    line-height: 1.5
}

.topic-item h3 a, .topic-item h3 a:hover {
    color: #333
}

.topic-item .info, .topic-item .info .editor-link, .topic-item .info .editor-link:hover {
    color: #999
}

.count-like, .count-cmt {
    padding: 0 0 0 18px;
    line-height: 18px;
    font-size: 12px;
    color: #BBB;
    background-image: url(../images/ui/like-icon2.png);
    background-repeat: no-repeat
}

.count-cmt {
    margin-left: 10px;
    background-position: 1px -14px
}

.count-like {
    background-position: 0 -101px
}

.scene-item h3 {
    padding-top: 2px
}

.scene-item .pro-recomm-num {
    line-height: 1.2;
    color: #999
}

.scene-item .info {
    margin-top: 14px
}

.talking {
    background-color: #fff;
    padding: 5px 10px 5px 10px;
    width: 210px;
    height: 440px
}

.talking .title h2 {
    line-height: 32px
}

.talking .title .more {
    float: right;
    margin-top: -25px
}

.talking-list li {
    padding: 5px 0;
    border-top: 1px dotted #d1d1d1;
    *padding-bottom: 2px
}

.talking-list li .img {
    float: left;
    width: 40px;
    height: 40px
}

.talking-list li img {
    width: 40px;
    height: 40px
}

.talking-list li .text {
    float: right;
    width: 160px;
    overflow: hidden
}

.talking-list li .text .title {
    display: block;
    line-height: 18px;
    color: #666
}

.talking-list li .text .new-cmt {
    line-height: 22px;
    color: #999
}

.talking-list li .text .new-cmt a, .talking-list li .text .new-cmt a:hover {
    color: #999
}

.weixin-mask {
    z-index: 2999;
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.weixin {
    position: fixed;
    bottom: -160px;
    right: 10%;
    width: 290px;
    z-index: 3000;
    height: 160px;
    background: url(../images/ui/weixin.png)
}

.weixin .close {
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 3001;
    top: 11px;
    right: 14px;
    background: #fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}

.weixin .check1 {
    cursor: pointer;
    width: 178px;
    height: 20px;
    position: absolute;
    top: 99px;
    right: 78px;
    background: #fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}

.weixin .check2 {
    cursor: pointer;
    width: 216px;
    height: 20px;
    position: absolute;
    top: 126px;
    right: 40px;
    background: #fff;
    opacity: .1;
    filter: alpha(opacity = 10)
}

.weixin .check1-img {
    opacity: 0;
    filter: alpha(opacity = 0);
    width: 479px;
    height: 300px;
    position: absolute;
    top: -212px;
    right: -21px;
    background: url(../images/ui/check1.png)
}

.weixin .check2-img {
    opacity: 0;
    filter: alpha(opacity = 0);
    width: 346px;
    height: 203px;
    position: absolute;
    top: -116px;
    right: -21px;
    background: url(../images/ui/check2.png)
}